*{
    margin:0;
    padding: 0;
}
a{
    text-decoration: none;
}
body{
    background:#ccc;
}
.container{
    width:340px;
    height:400px;
    background:#fff;
    margin:20px auto;
    position: relative;
}
.container form{
    width:340px;
    height:300px;
    position: absolute;
    bottom:0;
  
}
.top{
    width:340px;
    height:40px;
    display:flex;
  position: absolute;
  top:30px;
}
.top img{
    height:35px;
    margin-left:15px;
}
.top-title{
    text-align: center;
    line-height:44px;
    margin-left: 30px;  
}

.name,.pass{
    width:300px;
    height:40px;
    border:1px solid #999;
    margin: 0 auto;
}
input{
    width:270px;
    margin:10px 10px ;
    border:none;
    outline: medium;
    
}
.pass{
   
  margin-top:25px;
}
.name{
    margin-top:20px;
}
.btn{
    position: absolute;
    bottom:50px;
    width:300px;
    height:40px;
    background:#3f89ec;
    color:#fff;
    text-align: center;
    line-height:40px;
    left:5px;
    cursor: pointer;
    border-radius:4px;
}
.btn:hover{
    opacity:0.8;
    color:#eee;
}
.pass1,.login{
    display: block;
    width: 100px;
    height:30px;
    text-align: center;
    line-height:30px;
    color: #3f89ec;
    font-size:12px;
}
.pass1{
    position: absolute;
    bottom:30px;
    left:5px;
}
.login{
    position: absolute;
    bottom:30px;
    right:5px;
}
.login:hover{
    opacity:0.8;
    color:blue;
}
.pass1:hover{
    opacity:0.8;
    color:blue;
}
#sel{
    width:200px;
    height:40px;
    margin-top:10px;
    margin-left:20px; 
    border-radius:8px;
    outline: medium;
}
#sel option{
    text-align: center;
}

